<template>
	<view class="">
		<view >
		         <view v-for="(item) in list" :key="index" >
					 <view class="aa">
					 	<view class="bb">
					 		 {{item.phone}}
					 	</view>
					 	    <view class="cc">
					 	    	{{item.taolun}}
					 	    </view>
					 		 <view class="dd">
					 			{{item.hid}}
					 		</view>
					 </view>
					
		         </view>
		         
		</view>
		<view class="">
			<uni-section title="讨论" subTitle="说出你的想法" type="line" padding>
				<uni-easyinput v-model="tao.taolun"  :placeholderStyle="placeholderStyle" placeholder="请输入内容" @input="input"></uni-easyinput>
			</uni-section>
			<button @click="subb">确定</button>
		</view>
		
	</view>
	

</template>

<script>
export default {
	name:"evaluateList",
	components: {},
		data() {
			return {
				list:{},
				id:'',
				uid:'',
				tao:{
					uid:'',
					hid:'',
					taolun:'',
					phone:'',
				},
				user:{},
			}
		},
		created() {
			const user = uni.getStorageSync('user');
			console.log(user);
			this.user=user
		},
		onLoad(options) {
			console.log(options)
			this.id=options.id;
			this.uid=options.uid;
			console.log("-------------"+this.id)
			this.cc()
			
			
		},
		
		methods:{
			cc(){
				this.request('/taolun/find/'+this.id, 'GET').then((res) => {
					console.log(res.data.data);
					console.log("*************")
					this.list=res.data.data
					console.log(this.list)
					
				})
			},
			findid(){
				
			},
			input(e) {
							console.log('输入内容：', e);
							
						},
			subb(){
				console.log(this.list)
				console.log(this.user)
				this.tao.phone=this.user.phone
				this.tao.uid=this.uid;
				this.tao.hid=this.id;
				console.log(this.tao)
				this.request('/taolun/add', 'POST',this.tao).then((res) => {
					
					console.log("*************")
					this.cc()
				})
			}
			}
		
}
</script>

<style lang="scss" scoped>
	.uni-mt-5 {
	margin-top: 5px;
}
.aa{
	width: 99%;
	height: 270rpx;
	background-color: #F1F1F1;
	border: #0f9efa solid 1px;
}
.bb{
	// margin-top: 20rpx;
	// margin-left: 100%;

	// position: absolute;
	top: 0px;
	width: 100%;
	height: 60rpx;
	

}
.cc{
	 // margin-top: 70rpx;
	// position: absolute;
	top: 60rpx;
	height: 180rpx;
	width: 100%;
	display: block;
	text-indent: 56rpx;

}
.dd{

	// margin-right: 300rpx;
	// position: absolute;
	top: 240rpx;
	text-align: right;
	width: 100%;
	height: 30rpx;

}
.container {
  width: 100vw;
  font-size:12px;
  min-height: 100vh; 
  display: inline-block;
  color: #1d1d1d;
  position: relative;
  background:#F1F1F1;
}
// 游客评价
.evaluate .evaluateCenter .evaluateItem{
	display: inline-block;
}
.rightText{
	color: #4399FC;
	text-align: right;
}
.evaluate{
	.tip{
		padding: 15px;
		.left{
			font-size: 14px;
			font-weight: 500;
			color: #0c1317;
		}
		.right{
			color: #0f9efa;font-weight: bold;
			image{
				margin-left: 6px;
				width: 16px;
				height: 16px;
			}
		}
	}
	.evaluateCenter{
		overflow-x: auto;
		.evaluateItem{
			background-color: #FFFFFF;
			padding: 15px;
			border-radius: 10px; 
			margin:  10px 15px 0 15px;
			.evaluateTip{
				.img{
					width: 42px;
					height: 42px; 
					display: table;
					image{
						border-radius: 50%;
					}
				}
				.right{
					width: 100%;
					padding-left: 15px;
					.righttip{
						font-size: 13px;
						font-family: PingFang SC;
						font-weight: bold;
						color: #0C1317;
						padding-bottom: 5px;
					}
					.bottom{
						.star{
							display: flex;
							color: #fd9130;
							text{
								padding-right: 4px;
								font-size: 11px;
								color: #0f9efa;
								font-weight: bold;
							}
						}
						.time{
							color: #969899;
						}
					}
				}
			}
			.evaluateText{
				margin: 10px 0 0 0;
				letter-spacing: 0.5px;
				line-height: 20px;
			}
			.lineclamp3{				
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 3; 
				-webkit-box-orient: vertical;
				white-space: normal;
			}
			.evaluateListImg{
				width: 100%;
				.evaluateListImgItem{ 
					width: 66px;
					height: 66px;
					float: left;
					margin-right: 6px;
					image{
						border-radius: 5px;
					}
				}
			}
			.bottomImg{
				display: flex;
				width: 100%;
				padding-top: 15px;
				image{
					width:18px ;
					height: 18px;
					border-radius: 50%;
				}
				text{
					padding-left: 6px;
					font-size: 14px;
					color: #787B7C;
					font-weight: bold;
				}
			}
		}
	}
} 
</style>

